<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords"
	content="图片SNS社区,视频SNS社区,音乐SNS社区,个性化圈子,个性化视频,问题发现,问题推荐,问题分享,热点视频,精彩图片,最好音乐" />
<meta name="description"
	content="优问网让你的问题会说话,是一个图片、视频、音乐SNS社区，玩转优问，分享问题，一网打尽全网最热图片、最好看视频、最好听音乐。凭借最快速、最全的热点发掘，独有的圈子体验，在这里你能找到同趣好友，分享热门、搞笑、美女等，尽享视觉社交的最大乐趣。">
<title>注册-优问网,发现精彩问题 分享无限快乐</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica,
		STHeiti;
	color: #5F6468;
	background: url(img/reg_bg.jpg) no-repeat center top;
	padding: 30px 0;
}

a img,*:link img,*:visited img	  0{
	border: 0 none;
}

a {
	text-decoration: none;
	color: #5F6468;
}

.clear {
	clear: both;
}

.text {
	border: 1px solid #CFCFCF;
	color: #999999;
	height: 30px;
	line-height: 30px;
	margin-left: 8px;
	padding-left: 8px;
	width: 226px;
}

.logo {
	width: 960px;
	margin: 0 auto 20px;
}

.logo img {
	margin-right: 5px;
	vertical-align: middle;
}

#registerDiv {
	width: 960px;
	min-height: 500px;
	margin: 0 auto;
	box-shadow: 0 0 3px #ccc;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
}

.regLeft {
	float: left;
	width: 700px;
	height: 400px;
	padding-right: 35px;
	border-right: solid 1px #aaa;
}

.regRight {
	margin-left: 730px;
}

#registerDiv .inner {
	padding: 0 26px;
}

h3 {
	color: #768263;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 26px;
}

.rst_login {
	margin-left: 32px;
	margin-top: 38px;
}

.rst_login a {
	background: #90C43C;
	border-radius: 3px;
	line-height: 29px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	display: block;
	height: 29px;
	margin-top: 10px;
	width: 111px;
}

.other_login {
	margin-left: 32px;
	margin-top: 65px;
}

.other_login a {
	margin-top: 10px;
	display: block;
}

#register_form span {
	color: #333333;
	float: left;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	position:relative;
	top:3px;
}

#register_form .text {
	border: 1px solid #CFCFCF;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-left: 5px;
	width: 254px;
}

.ipt_mail,.ipt_ulike,.ipt_sex,.ipt_password,.ipt_respassword,.ipt_check
	{
	line-height: 30px;
	overflow: hidden;
	margin-top: 20px;
	margin-left: 48px;
}

#register_form .check {
	border: 1px solid #CFCFCF;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-left: 5px;
	width: 114px;
}

.ipt_check #img_checkcode {
	float: left;
	height: 26px;
	margin-left: 4px;
	margin-top: 2px;
	text-align: center;
	vertical-align: middle;
	width: 78px;
}

.ipt_check {
	margin-left: 34px;
}

.ipt_respassword {
	margin-left: 20px;
}

.ipt_mail {
	margin-left: 20px;
	margin-top: 32px;
}

.ipt_sex {
	height: 30px;
}

.ipt_box {
	margin-left: 91px;
	margin-top: 20px;
	overflow: hidden;
}

.fl {
	display: inline;
	float: left;
}

#register_form .ipt_box span {
	color: #999999;
	display: inline;
	font-size: 12px;
	line-height: 12px;
	margin-top: 0;
}

.ipt_sub {
	margin-left: 92px;
	margin-top: 20px;
	overflow: hidden;
}

.ipt_sub .sub {
	background: #FF5A00;
	border-radius: 3px;
	line-height: 29px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border: none;
	cursor: pointer;
	height: 29px;
	width: 131px;
}

.ipt_sex .rdo .ck {
	margin-top: -3px;
	text-align: center;
	vertical-align: middle;
	margin-left: 10px;
}

.ipt_check a {
	color: #87B32E;
	float: left;
	margin-left: 6px;
}


#register_error {
	float: left;
	width: 280px;
}

.err_email,.err_ulike,.err_password,.err_rstpassword,.err_check {
	color: #999999;
	font-size: 12px;
	line-height: 114%;
	margin-top: 30px;
	height: 26px;
	padding-top: 10px;
	visibility: visible;
}

.err_ulike,.err_check {
	height: 36px;
	margin-top: 15px;
}

.err_rstpassword {
	margin-top: 20px;
}

.err_password {
	margin-top: 60px;
	padding-top: 10px;
}

#register_error img {
	float: left;
	text-align: center;
	margin-left: 5px;
	vertical-align: middle;
}
</style>
<link rel="stylesheet" type="text/css" href="/css/validator.css" />
<script type="text/javascript" src="/js/jquery1.7.2.js"></script>
<script type="text/javascript" src="/js/formValidator-4.0.1.js"></script>
<script type="text/javascript" src="/js/formValidatorRegex.js"></script>
<script type="text/javascript" src="/js/logIn.js"></script>
<script type="text/javascript" src="/js/global.js"></script>
<script type="text/javascript">
	$(function(){
		initLoginValidate();
		defaultTxt();
	})
	function loginWith(obj) {
		var url = "../loginWith/loginWith.action";
		var params = {
			"type" : $(obj).attr("type")
		};
		doAjax(
				url,
				params,
				function(ajaxResult) {
					if (ajaxResult.OK) {
						var myWindow = window
								.open(
										ajaxResult.resultMap.oauthUrl,
										"TencentLogin",
										"width=450,height=320,menubar=0,scrollbars=0,resizable=no,status=no,titlebar=0,toolbar=0,location=no");
						if (myWindow != null) {
							setInterval(
									function p() {
										if (myWindow.closed) {
											window.location.href = "http://yoasking.com";
										}
									}, 1000);
						}
					}
				});
	}
	
	function defaultTxt(){
		$('#register_form .text').each(function(){
			defaultvalue($(this));
		});
	}
</script>
</head>
<body>
	<h1 class="logo">
		<a href="http://www.yoasking.com"><img src="img/logoIco.png" />优问网</a>
	</h1>
	<div id="registerDiv">
		<div class="regLeft">
			<div class="inner">
				<h3>新用户注册</h3>
				<div id="register_form">
					<form id="regist_form" action="/user/registUser.action" method="post">
						<div class="ipt_mail">
							<span>电子邮箱：</span> <input id="regist_email" value="如：example@example.com" name="user.loginName" class="text r3"
								type="text" maxlength="64">
							<span id="regist_emailTip"></span>
						</div>
						<div class="ipt_ulike">
							<span>昵称：</span> <input id="regist_nickname" value="不能以数字开头，一个中文算两个字符" name="user.nickname" class="text r3"
								type="text" value="" name="register_ulike" maxlength="20"
								style="*margin-left: -1px;">
							<span id="regist_nicknameTip"></span>
						</div>
						<div class="ipt_sex">
							<span>性别：</span>
							<div class="rdo">
								<input class="ck" type="radio"
									checked="checked" value="2" name="user.gender"> 女 <input
									class="ck" type="radio" value="1" name="user.gender"
									style="margin-left: 10px"> 男
							</div>
						</div>
						<div class="ipt_password">
							<span>密码：</span> <input id="regist_pwd1" name="user.loginPwd" class="text r3"
								type="password" maxlength="20"
								style="*margin-left: -1px;">
							<span id="regist_pwd1Tip"></span>
						</div>
						<div class="ipt_respassword">
							<span>确认密码：</span> <input id="regist_pwd2" class="text r3"
								type="password" maxlength="20">
							<span id="regist_pwd2Tip"></span>
						</div>
						<input id="user_email" name="user.email" type="hidden">
						<!-- 
						<div class="ipt_check">
							<span>验证码：</span> <input class="check r3 text" type="text"
								maxlength="10" name="register_check"> <img
								id="img_checkcode" alt="验证码" src="pic/dog.jpg"> <a
								id="checkcode_change" href="javascript:void(0);">换一张</a>
						</div>
						<div class="ipt_box">
							<input class="box fl" type="checkbox" checked="checked">
							<span class="fl"> 我已看过并同意《 <a target="_blank"
								href="###">使用协议</a> 》
							</span>
						</div>
						-->
						<div class="ipt_sub">
							<input class="sub" type="button" onclick="regist();" value="轻松注册">
						</div>
					</form>
				</div>
				<!-- 
				<div id="register_error">
					<div class="err_email"
						style="visibility: visible; padding-top: 10px; height: 26px;">
						<img src="img/error1.png"> <span id="emailValidateMsg"
							style="color: #ff89a7; margin-left: 8px; margin-top: 0;">请填写邮件地址</span>
					</div>
					<div class="err_ulike"
						style="visibility: visible; padding-top: 10px; height: 26px;">
						<img src="img/error1.png"> <span
							style="color: #ff89a7; margin-left: 8px; margin-top: 0;">请填写昵称</span>
					</div>
					<div class="err_password"
						style="visibility: visible; padding-top: 15px; height: 26px;">
						<img src="img/error1.png"> <span
							style="color: #ff89a7; margin-left: 8px; margin-top: 0;">请填写密码</span>
					</div>
					<div class="err_rstpassword"
						style="visibility: visible; height: 26px;">
						<img src="img/error1.png"> <span
							style="color: #ff89a7; margin-left: 8px; margin-top: 0;">请重复输入一次密码</span>
					</div>
				</div>
				 -->
			</div>
		</div>
		<div class="regRight">
			<div class="inner">
				<div class="rst_login">
					<span>已经有帐号？请直接登录</span> <a href="/toLogin.action">直接登陆</a>
				</div>
				<div class="other_login">
					<span>您也可以用以下方式登录：</span> <a style="margin-left: 0;" href="###"
						onclick='loginWith(this);' type="2"> <img
						src="img/login_sina_01.png">
					</a> <a class="login_qq" href="###" onclick='loginWith(this);' type="1">
						<img src="img/login_qq.png">
					</a> 
					<!-- 
					<a href="###" onclick='loginWith(this);' type="3"> <img
						src="img/login_taobao.png">
					</a> 
					 -->
					<a href="###" onclick="loginWith(this)" type="4"> <img
						src="img/login_renren.png">
					</a>
					<!-- 
					<a href="/user/signdouban"> <img src="img/login_douban_01.png">
					</a> 
					<a href="/tencent/login"> <img src="img/login_tencent.png">
					</a> 
					<a href="/wangyi/login"> <img src="img/login_wangyi.png">
					</a> 
					 -->
				</div>
			</div>
		</div>
	</div>
</body>
</html>